<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>展会</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	
	<link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet" />
	<!--当前页面的css-->
	<link href="css/college.css" rel="stylesheet">
	<link href="css/exhibition.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>
	<script src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>
</head>

<body id="exhibition" class="gray_bg">
	<div id="app">
		<div>
			<div class="coll-banner">
				<!-- Swiper -->
				<div class="swiper-container" id="exhi-firstbanner">
					<div class="swiper-wrapper" id="exhi-firstwrapper">
							<!--跳转至展会详情 传轮播图的id-->
						<!--<div class="swiper-slide" v-for="item in firstSwiper ">						
							 <a href="javascript:void(0)" @click="urlHref_banner(item)">
								<img :src="item.img" /></a></div>-->
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination firstbanner-pagination"></div>
				</div>
			</div>
			<div class="exhibitionPhoto">
				<div class="exh-title">
					<span>展会光与影</span>
					<!--Type默认为0 跳转至光与影-->
					<a href="javascript:void(0);" @click="urlHref(Type)">查看更多&nbsp;></a>
				</div>
				<div class="exhibition-group" id="exhi-ul-LigtShadow">
					<ul class="exhibition-ul">
						<li v-for="item in lightList">
							<a href="javascript:void(0);" @click="urlHref_Details(item)" >
								<div class="img">
									<img :src="item.head_img" />
								</div>
								<div class="txt">
									<div class="title">{{item.title}}</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--展会专访-->
			<div class="exhibitionPhoto">
				<div class="exh-title">
					<span>展会专访</span>
					<!--Type为1 跳转至展会专访-->
					<a href="javascript:void(0);" @click="urlHref(1)">查看更多&nbsp;></a>
				</div>
				<div class="coll-banner">
					<!-- Swiper -->
					<div class="swiper-container" id="exhi-secbanner">
						<div class="swiper-wrapper" id="exhi-secwrapper">
							<!--跳转至展会详情 传轮播图的id-->
							<!-- <div class="swiper-slide" v-for=" items in secondSwiper">								
								<a href="javascript:void(0)" @click="urlHref_banner(items)">
									<img :src="items.img" /></a></div> -->
									
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination secbanner-pagination"></div>
					</div>
				</div>
				<div class="col-gray-8pt"></div>
				<div class="assoImg" id="exhi-fixedAdm">
					<img :src="admList" />
				</div>
				<div class="col-gray-8pt"></div>
				<div class="exhi-padding">
					<ul class="collTitle clearfix">
						<!--   国内展会预告    国际展会预告-->
						<li class="ml0 active">
							<a href="javascript:void(0);">国内展会预告</a>
						</li>
						<li class="ml0 ">
							<a href="javascript:void(0);">国际展会预告</a>
						</li>
					</ul>
				</div>
				<div class="exhibition-group">
					<ul class="exhibition-ul">
						<li v-for="item in exhiList">
							<!--跳转至展会详情 传id-->
							<a href="javascript:void(0);" @click="urlHref_Details(item)">
								<div class="img">
									<img :src="item.head_img" />
								</div>
								<div class="txt">
									<div class="title">{{item.title}}</div>
								</div>
								<div class="datetime flex">
									<div class="timeicon">
										<img src="../images/exh_img2.png">
									</div>
									<span>{{item.time_slot}}</span>
								</div>
							</a>
						</li>
					</ul>
					<div class="morebtn">
						<!--跟随国际、国内展会选项卡改变跳转到展会列表哪一个选项-->
						<span @click="urlHref(lookmore)">查看更多 +</span>
					</div>
				</div>
			</div>

			<div class="bottom-msg clear">
				<div class="bottom-msg-hr"></div>
				<span class="msg-text">我是有底线的</span>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="js/exhibition.js"></script>
	<script>
		 //路径跳转  轮播图跳转至展会详情
		 function urlHref_banner(id) {
            var para = {};
            para.title = "展会详情";
            para.type = "exhibitionDetails";
            para.url = '/PageClassify/html/Exhibition/exhibitionDetails.html?id=' + id;
            // window.location.href =para.url;
            if (this.userId > 0) {
                para.url = '/PageClassify/html/Exhibition/exhibitionDetails.html?id=' + id+ "&userId=" + this.userId;
            }
            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                //是android系统
                // alert("Android系统");
                jsAndroid.appPush(JSON.stringify(para))
            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                //默认为iOS系统
                window.webkit.messageHandlers.appPush.postMessage(para);
            } else {
                //pc
                window.location.href = para.url;
                alert("PC浏览器");
            };
        }
	</script>
</body>

</html>